.weui-mask {
    background:rgba(0, 0, 0, .6)
}
.weui-mask, .weui-mask_transparent {
    position:fixed;
    z-index:1000;
    top:0;
    right:0;
    left:0;
    bottom:0
}
.weui-picker {
    position:fixed;
    width:100%;
    left:0;
    bottom:0;
    z-index:5000;
    line-height: 1.6;
    font-size: 16px;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s, -webkit-transform .3s
}
.weui-picker__hd {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    padding:10px 15px;
    background-color:#fbf9fe;
    position:relative;
    text-align:center
}
.weui-picker__hd:after {
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    border-bottom:1px solid #e5e5e5;
    color:#e5e5e5;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
.weui-picker__action {
    display:block;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    color:#586c94
}
.weui-picker__action:first-child {
    text-align:left
}
.weui-picker__action:last-child {
    text-align:right
}
.weui-picker__bd {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative;
    background-color:#fff;
    height:238px;
    overflow:hidden
}
.weui-picker__group {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    position:relative;
    height:100%
}
.weui-picker__mask {
    top:0;
    height:100%;
    margin:0 auto;
    background:-webkit-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background:linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position:top, bottom;
    background-size:100% 102px;
    background-repeat:no-repeat;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.weui-picker__indicator, .weui-picker__mask {
    position:absolute;
    left:0;
    width:100%;
    z-index:3
}
.weui-picker__indicator {
    height:34px;
    top:102px
}
.weui-picker__indicator:before {
    top:0;
    border-top:1px solid #e5e5e5;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
.weui-picker__indicator:after, .weui-picker__indicator:before {
    content:" ";
    position:absolute;
    left:0;
    right:0;
    height:1px;
    color:#e5e5e5
}
.weui-picker__indicator:after {
    bottom:0;
    border-bottom:1px solid #e5e5e5;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
.weui-picker__content {
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.weui-picker__item {
    padding:5px 0 4px;
    text-align:center;
    color:#000;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.weui-picker__item_disabled {
    color:#999
}
@-webkit-keyframes a {
    0% {
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes a {
    0% {
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.weui-animate-slide-up {
    -webkit-animation:a ease .3s forwards;
    animation:a ease .3s forwards
}
@-webkit-keyframes b {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes b {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.weui-animate-slide-down {
    -webkit-animation:b ease .3s forwards;
    animation:b ease .3s forwards
}